@charset "utf-8";
*{
    user-select:none;
    margin:0;
    padding:0;
    border:0;
}
a{
    text-decoration:none;
}
li{
    list-style-type:none;
}
body{
    margin: 0 auto;
    background:url("../img/bg.png");
}
#btnBox{
    width:100%;
    height:80px;
    background: rgba(57,57,57,0.7);
}
#btnBox ul{
    width:100%;
    height:100%;
    background-color:rgb(65,65,65);
}
#btnBox ul>li{
    float: left;
    width:20%;
    height:80%;
    margin:5px;
    text-align:center;
    line-height:70px;
    color: rgba(127,255,255,1);
}
.fun:hover{
    animation: border_bottom  linear 1s forwards;
}
.fun:hover{
    animation: border_bottom  linear 1s forwards;
}
.fun:hover{
    animation: border_bottom  linear 1s forwards;
}

@keyframes border_bottom {
    0%{
        border-top: 3px solid rgb(255,80,81);
        background-color:rgb(65,65,65);
    }
    50%{
        border-right:3px solid rgb(255,80,81);
        border-left :3px solid rgb(255,80,81);
    }
    100%{
        border-bottom:3px solid rgb(255,80,81);
        background-color:rgba(127,255,255,0.2);
    }
}
#btnBox ul>li>ul{
    width:62%;
    height:auto;
    margin:-400px auto;
    background-color:rgba(88,88,88,.9);
}
.show_fun :hover{
    cursor: pointer;
    background-color:rgba(1,111,111,.8);
}

.fun:hover .show_fun{
    animation:show_block 2s ease forwards;
}
@keyframes show_block {
    0%{
        margin:-400px auto;
    }
    100%{
        margin:2px auto;
    }
}
#btnBox .fun ul>li{
    float:none;
    width:100%;
    margin:0;
    border-bottom:1px solid black;
    animation: none;
}
@keyframes div_move {
    0%{
        margin:1050px auto;
    }
    100%{
        margin:50px auto;
    }
}
@keyframes div_out{
    0%{
        margin:50px auto;
    }
    100%{
        margin:1050px auto;
        display:none;
    }
}
#container{
    display:none;
    width:80%;
    height:480px;
    margin:50px auto;
    background-color:rgba(65,65,65,.9);
}
#container #receive_login_page p{
    float:left;
    width:50%;
    margin:25px 0;
    text-align:center;
    font-size:18px;
}
#container #receive_login_page input{
    height:25px;
    margin:2px;
    padding:0 12px;
    border-radius:21px;
}
#confirm{
    width:210px;
    height:40px;
    margin:0 auto;
    cursor:pointer;
}
#confirm img{
    border-radius:25px;
}
#tip{
    color:snow;
}
#limit{
    display:none;
    width:80%;
    height:480px;
    margin:50px auto;
    padding-top:20px;
    background-color:rgba(65,65,65,.9);
    animation: none;
}
#limit input{
    margin:2px;
    padding:0 12px;
    border-radius:21px;
    line-height:20px;
}
#employ_id{
    height:25px;
}
#limit p{
    width:50%;
    text-align:center;
    margin:0 auto 35px;
    font-size:18px;
    font-weight:700;
}
#sure{
    width:210px;
    height:40px;
    margin:0 auto;
    cursor:pointer;
}
#sure img{
    border-radius:25px;
}